home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1810 / 1810.xpi / chrome / showcase.jar / skin / classic / showcase / window.css < prev   
Cascading Style Sheet File  |  2010-01-17  |  23KB  |  766 lines
  1. #showcase-box {
  2.   -moz-user-focus: normal;
  3. }
  4.  
  5. #showcase-content-vertical {
  6.   width: 1px;
  7.   height: 1px;
  8.   overflow: hidden;
  9. }
  10.  
  11. #showcase-content-vertical[scrolling="vertical"] {
  12.   overflow: -moz-scrollbars-vertical !important;
  13. }
  14.  
  15. #showcase-content-vertical[scrolling="horizontal"] {
  16.   overflow: -moz-scrollbars-horizontal !important;
  17. }
  18.  
  19. .thumbnailCanvas {
  20.  
  21.   background-image: url(hourglass.png);
  22.  
  23.   background-repeat: no-repeat;
  24.   background-position: center center;
  25.   background-color: white;
  26.   cursor: pointer;
  27.   display: -moz-box;
  28.   -moz-box-flex: 1;
  29.   -moz-box-align: stretch;
  30.   -moz-box-sizing: content-box
  31. }
  32.  
  33. .thumbnail {
  34.   -moz-box-flex: 0;
  35.   -moz-user-focus: normal;
  36.   padding: 3px;
  37.   -moz-box-sizing: border-box
  38. }
  39.  
  40. .thumbnail-title {
  41.   -moz-box-flex: 1;
  42. }
  43.  
  44.  
  45. .thumbnail[ietab="true"] .thumbnailCanvas {
  46.   background-image: url(ietab.png);
  47. }
  48.  
  49. .thumbnail[plugintype="quicktime"] .thumbnailCanvas {
  50.   background-image: url(quicktime.png);
  51. }
  52.  
  53. .thumbnail[plugintype="flash"] .thumbnailCanvas {
  54.   background-image: url(flash.png);
  55. }
  56.  
  57. .thumbnail[plugintype="pdf"] .thumbnailCanvas {
  58.   background-image: url(pdf.png);
  59. }
  60.  
  61. .thumbnail[plugintype="generic"] .thumbnailCanvas {
  62.   background-image: url(plugin.png);
  63. }
  64.  
  65.  
  66. .thumbnail[blank="true"] .thumbnailCanvas {
  67.   background-image: none;
  68. }
  69.  
  70. .thumbnail[isimage="true"] .thumbnailCanvas {
  71.   background-image: none;
  72. }
  73.  
  74. .thumbnail-label {
  75.   padding: 2px;
  76. }
  77.  
  78. .bookmark-item {
  79.   width: 16px;
  80.   height: 16px;
  81. }
  82.  
  83.  
  84. .thumbnail[loading="true"] .bookmark-item {
  85.   list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif") !important;
  86.   opacity: 0.5;
  87. }
  88.  
  89. .thumbnail[loading="newtrue"] .bookmark-item {
  90.   list-style-image: url("chrome://global/skin/icons/loading_16.png") !important;
  91. }
  92.  
  93.  
  94. .thumbnail[selectedtab="true"] .thumbnail-title {
  95.   font-weight: bold;
  96. }
  97.  
  98. .thumbnail[selected="true"] {
  99.   background-color: Highlight;
  100. }
  101.  
  102. .thumbnail[selected="true"] > caption {
  103.   background-color: Highlight;
  104. }
  105.  
  106. .thumbnail[selected="true"] .thumbnail-title {
  107.   color: HighlightText;
  108. }
  109.  
  110. .thumbnailBox {
  111.   border-style: outset;
  112.   border-width: 1px;
  113.   border-style: solid;
  114.   border-color: black;
  115. }
  116.  
  117. .thumbnail[selectedtab="true"] > .thumbnailBox { border-width: 2px; }
  118. .thumbnail:not([selectedtab="true"]) > .thumbnailBox { margin: 1px; }
  119. .thumbnail[selected="true"] > .thumbnailBox { border-color: HighlightText; }
  120.  
  121. .thumbnail[selected="true"] { border-color: HighlightText !important; }
  122.  
  123. .thumbnail:focus { 
  124.   border-style: outset;
  125.   border-width: 1px;
  126.   border-style: dotted;
  127.   border-color: black;
  128.   padding: 2px;
  129. }
  130.  
  131. .tabs-closebutton {
  132.   border: 0 !important;
  133.   margin: 0 !important;
  134.   padding: 0px 0px 0px 2px !important;
  135.   -moz-box-flex: 0;
  136.   width: 18px;
  137.   height: 16px;
  138.   max-width: 18px;
  139.   min-width: 18px;
  140.   max-height: 16px;
  141.   min-height: 16px;
  142. }
  143.  
  144. /* colored thumbnail box attributes */
  145. .coloredThumbnailBox1 { border-style: outset; border-width: 1px; border-style: solid; border-color: red; }
  146. .thumbnail[selectedtab="true"] > .coloredThumbnailBox1 { border-width: 2px; }
  147. .thumbnail[selected="true"] > .coloredThumbnailBox1 { border-style: dashed; }
  148.  
  149. .coloredThumbnailBox2 { border-style: outset; border-width: 1px; border-style: solid; border-color: green; }
  150. .thumbnail[selectedtab="true"] > .coloredThumbnailBox2 { border-width: 2px; }
  151. .thumbnail[selected="true"] > .coloredThumbnailBox2 { border-style: dashed; }
  152.  
  153. .coloredThumbnailBox3 { border-style: outset; border-width: 1px; border-style: solid; border-color: blue; }
  154. .thumbnail[selectedtab="true"] > .coloredThumbnailBox3 { border-width: 2px; }
  155. .thumbnail[selected="true"] > .coloredThumbnailBox3 { border-style: dashed; }
  156.  
  157. .coloredThumbnailBox4 { border-style: outset; border-width: 1px; border-style: solid; border-color: yellow; }
  158. .thumbnail[selectedtab="true"] > .coloredThumbnailBox4 { border-width: 2px; }
  159. .thumbnail[selected="true"] > .coloredThumbnailBox4 { border-style: dashed; }
  160.  
  161. .coloredThumbnailBox5 { border-style: outset; border-width: 1px; border-style: solid; border-color: fuchsia; }
  162. .thumbnail[selectedtab="true"] > .coloredThumbnailBox5 { border-width: 2px; }
  163. .thumbnail[selected="true"] > .coloredThumbnailBox5 { border-style: dashed; }
  164.  
  165. .coloredThumbnailBox6 { border-style: outset; border-width: 1px; border-style: solid; border-color: aqua; }
  166. .thumbnail[selectedtab="true"] > .coloredThumbnailBox6 { border-width: 2px; }
  167. .thumbnail[selected="true"] > .coloredThumbnailBox6 { border-style: dashed; }
  168.  
  169. .coloredThumbnailBox7 { border-style: outset; border-width: 1px; border-style: solid; border-color: maroon; }
  170. .thumbnail[selectedtab="true"] > .coloredThumbnailBox7 { border-width: 2px; }
  171. .thumbnail[selected="true"] > .coloredThumbnailBox7 { border-style: dashed; }
  172.  
  173. .coloredThumbnailBox8 { border-style: outset; border-width: 1px; border-style: solid; border-color: lime; }
  174. .thumbnail[selectedtab="true"] > .coloredThumbnailBox8 { border-width: 2px; }
  175. .thumbnail[selected="true"] > .coloredThumbnailBox8 { border-style: dashed; }
  176.  
  177. .coloredThumbnailBox9 { border-style: outset; border-width: 1px; border-style: solid; border-color: navy; }
  178. .thumbnail[selectedtab="true"] > .coloredThumbnailBox9 { border-width: 2px; }
  179. .thumbnail[selected="true"] > .coloredThumbnailBox9 { border-style: dashed; }
  180.  
  181. .coloredThumbnailBox10 { border-style: outset; border-width: 1px; border-style: solid; border-color: purple; }
  182. .thumbnail[selectedtab="true"] > .coloredThumbnailBox10 { border-width: 2px; }
  183. .thumbnail[selected="true"] > .coloredThumbnailBox10 { border-style: dashed; }
  184.  
  185. .coloredThumbnailBox11 { border-style: outset; border-width: 1px; border-style: solid; border-color: olive; }
  186. .thumbnail[selectedtab="true"] > .coloredThumbnailBox11 { border-width: 2px; }
  187. .thumbnail[selected="true"] > .coloredThumbnailBox11 { border-style: dashed; }
  188.     
  189. .coloredThumbnailBox12 { border-style: outset; border-width: 1px; border-style: solid; border-color: teal; }
  190. .thumbnail[selectedtab="true"] > .coloredThumbnailBox12 { border-width: 2px; }
  191. .thumbnail[selected="true"] > .coloredThumbnailBox12 { border-style: dashed; }
  192.  
  193. toolbarbutton#find-invert {
  194.   list-style-image: url("invert.png");
  195.   -moz-image-region: rect(0px 16px 16px 0px);
  196. }
  197.  
  198. toolbarbutton#find-invert:hover {
  199.  -moz-image-region: rect(16px 16px 32px 0px);
  200.  
  201. }
  202.  
  203. toolbarbutton#find-invert[disabled="true"] {
  204.  -moz-image-region: rect(32px 16px 48px 0px) !important;
  205. }
  206.  
  207. toolbarbutton#find-invert:active, #find-invert[checked="true"] {
  208.  -moz-image-region: rect(48px 16px 64px 0px);
  209. }
  210.  
  211. toolbarbutton#find-invert[checked="true"]:hover {
  212.  -moz-image-region: rect(64px 16px 80px 0px);
  213. }
  214.  
  215. #emptyMessage {
  216.  -moz-box-align: center;
  217.  -moz-box-pack: center;
  218. }
  219.  
  220. #selection-box {
  221.   border-width: 1px;
  222.   border-style: dotted;
  223.   border-color: olive;
  224. }
  225.  
  226. #drop-box {
  227. }
  228.  
  229. #drop-box[dropside="left"] {
  230.   border-left: 2px solid #000000;
  231.   border-top: 2px solid #000000;
  232.   border-bottom: 2px solid #000000;
  233. }
  234.  
  235. #drop-box[dropside="right"] {
  236.   border-right: 2px solid #000000;
  237.   border-top: 2px solid #000000;
  238.   border-bottom: 2px solid #000000;
  239. }
  240.  
  241. #drop-box[dropside="middle"] {
  242.   border-left: 2px solid #000000;
  243. }
  244.  
  245.  
  246. /* Thumbnail box */
  247. .showcase-top-middle {
  248.     padding: 4px 0 2px 0;
  249.     background-image: url('chrome://showcase/skin/background/top-middle-bkgnd.png');
  250.     background-repeat: repeat-x;
  251.     background-position: top left;
  252. }
  253.  
  254. .thumbnail[selectedtab="true"] .showcase-top-middle
  255. {
  256.     background-image: url('chrome://showcase/skin/background/top-middle.png') !important;
  257. }
  258.  
  259. .thumbnail:hover .showcase-top-middle {
  260.     background-image: url('chrome://showcase/skin/background/top-middle-hover.png') !important;
  261. }
  262.  
  263. .showcase-top-left {
  264.     width: 8px;
  265.     background-image: url('chrome://showcase/skin/background/top-left-bkgnd.png');
  266.     background-position: top left;
  267.     background-repeat: no-repeat;
  268. }
  269.  
  270. .thumbnail[selectedtab="true"] .showcase-top-left
  271. {
  272.     background-image: url('chrome://showcase/skin/background/top-left.png') !important;
  273. }
  274.  
  275. .thumbnail:hover .showcase-top-left {
  276.     background-image: url('chrome://showcase/skin/background/top-left-hover.png') !important;
  277. }
  278.  
  279. .showcase-top-right {
  280.     width: 8px;
  281.     background-image: url('chrome://showcase/skin/background/top-right-bkgnd.png');
  282.     background-position: top right;
  283.     background-repeat: no-repeat;
  284. }
  285.  
  286. .thumbnail[selectedtab="true"] .showcase-top-right {
  287.     background-image: url('chrome://showcase/skin/background/top-right.png') !important;
  288. }
  289.  
  290. .thumbnail:hover .showcase-top-right {
  291.     background-image: url('chrome://showcase/skin/background/top-right-hover.png') !important;
  292. }
  293.  
  294. .showcase-bottom-middle {
  295.     height: 24px;
  296.     background-image: url('chrome://showcase/skin/background/bottom-middle-bkgnd.png');
  297.     background-repeat: repeat-x;
  298.     background-position: bottom left;
  299. }
  300.  
  301. .thumbnail[selectedtab="true"] .showcase-bottom-middle {
  302.     background-image: url('chrome://showcase/skin/background/bottom-middle.png') !important;
  303. }
  304.  
  305. .thumbnail:hover .showcase-bottom-middle {
  306.     background-image: url('chrome://showcase/skin/background/bottom-middle-hover.png') !important;
  307. }
  308.  
  309. .showcase-bottom-left {
  310.     width: 8px;
  311.     background-image: url('chrome://showcase/skin/background/bottom-left-bkgnd.png');
  312.     background-position: bottom left;
  313.     background-repeat: no-repeat;
  314. }
  315.  
  316. .thumbnail[selectedtab="true"] .showcase-bottom-left {
  317.     background-image: url('chrome://showcase/skin/background/bottom-left.png') !important;
  318. }
  319.  
  320. .thumbnail:hover .showcase-bottom-left {
  321.     background-image: url('chrome://showcase/skin/background/bottom-left-hover.png') !important;
  322. }
  323.  
  324. .showcase-bottom-right {
  325.     width: 8px;
  326.     background-image: url('chrome://showcase/skin/background/bottom-right-bkgnd.png');
  327.     background-position: bottom right;
  328.     background-repeat: no-repeat;
  329. }
  330.  
  331. .thumbnail[selectedtab="true"] .showcase-bottom-right {
  332.     background-image: url('chrome://showcase/skin/background/bottom-right.png') !important;
  333. }
  334.  
  335. .thumbnail:hover .showcase-bottom-right {
  336.     background-image: url('chrome://showcase/skin/background/bottom-right-hover.png') !important;
  337. }
  338.  
  339. .showcase-middle-middle {
  340.     background-image: url('chrome://showcase/skin/background/middle-middle-bkgnd.png');
  341.     background-repeat: repeat;
  342. }
  343.  
  344. .thumbnail[selectedtab="true"] .showcase-middle-middle {
  345.     background-image: url('chrome://showcase/skin/background/middle-middle.png') !important;
  346. }
  347.  
  348. .thumbnail:hover .showcase-middle-middle {
  349.     background-image: url('chrome://showcase/skin/background/middle-middle-hover.png') !important;
  350. }
  351.  
  352. .showcase-middle-left {
  353.     width: 8px;
  354.     background-image: url('chrome://showcase/skin/background/middle-left-bkgnd.png');
  355.     background-position: left;
  356.     background-repeat: repeat-y;
  357. }
  358.  
  359. .thumbnail[selectedtab="true"] .showcase-middle-left {
  360.     background-image: url('chrome://showcase/skin/background/middle-left.png') !important;
  361. }
  362.  
  363. .thumbnail:hover .showcase-middle-left {
  364.     background-image: url('chrome://showcase/skin/background/middle-left-hover.png') !important;
  365. }
  366.  
  367. .showcase-middle-right {
  368.     width: 8px;
  369.     background-image: url('chrome://showcase/skin/background/middle-right-bkgnd.png');
  370.     background-position: right;
  371.     background-repeat: repeat-y;
  372. }
  373.  
  374. .thumbnail[selectedtab="true"] .showcase-middle-right {
  375.     background-image: url('chrome://showcase/skin/background/middle-right.png') !important;
  376. }
  377.  
  378. .thumbnail:hover .showcase-middle-right {
  379.     background-image: url('chrome://showcase/skin/background/middle-right-hover.png');
  380. }
  381.  
  382. #showcase-box[chromedir="rtl"] .showcase-top-left {
  383.     background-image: url('chrome://showcase/skin/background/top-right-bkgnd.png');
  384. }
  385.  
  386. #showcase-box[chromedir="rtl"] .thumbnail[selectedtab="true"] .showcase-top-left
  387. {
  388.     background-image: url('chrome://showcase/skin/background/top-right.png') !important;
  389. }
  390.  
  391. #showcase-box[chromedir="rtl"] .thumbnail:hover .showcase-top-left {
  392.     background-image: url('chrome://showcase/skin/background/top-right-hover.png') !important;
  393. }
  394.  
  395. #showcase-box[chromedir="rtl"] .showcase-top-right {
  396.     background-image: url('chrome://showcase/skin/background/top-left-bkgnd.png');
  397. }
  398.  
  399. #showcase-box[chromedir="rtl"] .thumbnail[selectedtab="true"] .showcase-top-right {
  400.     background-image: url('chrome://showcase/skin/background/top-left.png') !important;
  401. }
  402.  
  403. #showcase-box[chromedir="rtl"] .thumbnail:hover .showcase-top-right {
  404.     background-image: url('chrome://showcase/skin/background/top-left-hover.png') !important;
  405. }
  406.  
  407. #showcase-box[chromedir="rtl"] .showcase-bottom-left {
  408.     background-image: url('chrome://showcase/skin/background/bottom-right-bkgnd.png');
  409. }
  410.  
  411. #showcase-box[chromedir="rtl"] .thumbnail[selectedtab="true"] .showcase-bottom-left {
  412.     background-image: url('chrome://showcase/skin/background/bottom-right.png') !important;
  413. }
  414.  
  415. #showcase-box[chromedir="rtl"] .thumbnail:hover .showcase-bottom-left {
  416.     background-image: url('chrome://showcase/skin/background/bottom-right-hover.png') !important;
  417. }
  418.  
  419. #showcase-box[chromedir="rtl"] .showcase-bottom-right {
  420.     background-image: url('chrome://showcase/skin/background/bottom-left-bkgnd.png');
  421. }
  422.  
  423. #showcase-box[chromedir="rtl"] .thumbnail[selectedtab="true"] .showcase-bottom-right {
  424.     background-image: url('chrome://showcase/skin/background/bottom-left.png') !important;
  425. }
  426.  
  427. #showcase-box[chromedir="rtl"] .thumbnail:hover .showcase-bottom-right {
  428.     background-image: url('chrome://showcase/skin/background/bottom-left-hover.png') !important;
  429. }
  430.  
  431. #showcase-box[chromedir="rtl"] .showcase-middle-left {
  432.     background-image: url('chrome://showcase/skin/background/middle-right-bkgnd.png');
  433. }
  434.  
  435. #showcase-box[chromedir="rtl"] .thumbnail[selectedtab="true"] .showcase-middle-left {
  436.     background-image: url('chrome://showcase/skin/background/middle-right.png') !important;
  437. }
  438.  
  439. #showcase-box[chromedir="rtl"] .thumbnail:hover .showcase-middle-left {
  440.     background-image: url('chrome://showcase/skin/background/middle-right-hover.png') !important;
  441. }
  442.  
  443. #showcase-box[chromedir="rtl"] .showcase-middle-right {
  444.     background-image: url('chrome://showcase/skin/background/middle-left-bkgnd.png');
  445. }
  446.  
  447. #showcase-box[chromedir="rtl"] .thumbnail[selectedtab="true"] .showcase-middle-right {
  448.     background-image: url('chrome://showcase/skin/background/middle-left.png') !important;
  449. }
  450.  
  451. #showcase-box[chromedir="rtl"] .thumbnail:hover .showcase-middle-right {
  452.     background-image: url('chrome://showcase/skin/background/middle-left-hover.png');
  453. }
  454.  
  455. stack > box[anonid="subCanvasBox"] {
  456.     margin: 0 4px 5px 4px;
  457. }
  458.  
  459. /* close button */
  460.  
  461. .showcase-tab-close-button > .toolbarbutton-icon {
  462.   -moz-margin-end: 0px !important;
  463.   margin-top: 1px;
  464. }
  465.  
  466. .showcase-tab-close-button {
  467.   -moz-appearance: none;
  468.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  469.   height: 19px;
  470.   border: none !important;
  471.   padding: 0px;
  472.   cursor: default;
  473.   list-style-image: url("close.png");
  474. }
  475.  
  476. .thumbnail:not([selectedtab="true"]) .showcase-tab-close-button {
  477.   height: 18px;
  478.   margin-bottom: 1px;
  479. }
  480.  
  481. .showcase-tab-close-button > .toolbarbutton-icon {
  482.   min-width: 16px;
  483.   min-height: 16px;
  484. }
  485.  
  486. .thumbnail:not([selectedtab="true"]) .showcase-tab-close-button > .toolbarbutton-icon {
  487.   margin-top: 2px;
  488. }
  489.  
  490. .showcase-tab-close-button:hover,
  491. .thumbnail[selectedtab="true"] .showcase-tab-close-button:hover {
  492.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  493.   opacity: 1.0;
  494. }
  495.  
  496. .showcase-tab-close-button:hover:active,
  497. .thumbnail[selectedtab="true"] .showcase-tab-close-button:hover:active {
  498.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  499.   opacity: 1.0;
  500. }
  501.  
  502. .thumbnail[selectedtab="true"] .showcase-tab-close-button {
  503.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  504. }
  505.  
  506. .showcase-tab-close-button:focus {
  507.   outline: none !important;
  508. }
  509.  
  510. /* scrolling cursors */
  511. #cursor-up, #cursor-down, #cursor-left, #cursor-right {
  512.   -moz-appearance: none;
  513.   height: 19px;
  514.   border: none !important;
  515.   padding: 0px;
  516.   cursor: pointer;
  517.   list-style-image: url("cursor.png");
  518.   opacity: 0.5;
  519. }
  520.  
  521. #cursor-up > .toolbarbutton-icon, #cursor-down > .toolbarbutton-icon, #cursor-left > .toolbarbutton-icon, #cursor-right > .toolbarbutton-icon {
  522.   -moz-margin-end: 0px !important;
  523.   margin-top: 1px;
  524.   min-width: 16px;
  525.   min-height: 16px;
  526. }
  527.  
  528. #cursor-up {
  529.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  530. }
  531.  
  532. #cursor-down {
  533.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  534. }
  535.  
  536. #cursor-left {
  537.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  538. }
  539.  
  540. #cursor-right {
  541.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  542. }
  543.  
  544. #cursor-up:hover, #cursor-down:hover, #cursor-left:hover, #cursor-right:hover {
  545.   opacity: 1;
  546. }
  547.  
  548. /* thumbnail icons */
  549.  
  550. /*
  551. .thumb-icon:not(:hover) {
  552.    opacity: 0.6;
  553. }
  554. */
  555.  
  556. /* Defaults for all icons */
  557. .thumb-icon, .thumb-icon .toolbarbutton-menubutton-button {
  558.   list-style-image: url("thumbicons.png");
  559.   -moz-appearance: none;
  560.   border: none !important;
  561.   padding: 0px;
  562. }
  563.  
  564. /* Drop markers */
  565.  
  566. .thumb-icon .toolbarbutton-menubutton-dropmarker {
  567.   list-style-image: url("thumbicons.png");
  568.   -moz-image-region: rect(6px, 77px, 11px, 68px);
  569. }
  570.  
  571. .thumb-icon .toolbarbutton-menubutton-dropmarker:hover {
  572.   -moz-image-region: rect(22px, 77px, 27px, 68px);
  573. }
  574.  
  575. .thumb-icon .toolbarbutton-menubutton-dropmarker:hover:active {
  576.   -moz-image-region: rect(38px, 77px, 43px, 68px);
  577. }
  578.  
  579. .thumb-icon .toolbarbutton-menubutton-dropmarker[disabled="true"] {
  580.   list-style-image: url("thumbicons.png") !important;
  581.   -moz-image-region: rect(54px, 77px, 59px, 68px) !important;
  582. }
  583.  
  584.  
  585. #thumb-history {
  586.   list-style-image: url("thumbicons.png");
  587.   -moz-image-region: rect(0px, 80px, 16px, 64px);
  588. }
  589.  
  590. #thumb-history:hover {
  591.   -moz-image-region: rect(16px, 80px, 32px, 64px);
  592. }
  593.  
  594. #thumb-history:hover:active {
  595.   -moz-image-region: rect(32px, 80px, 48px, 64px);
  596. }
  597.  
  598. #thumb-history[disabled="true"] {
  599.   list-style-image: url("thumbicons.png") !important;
  600.   -moz-image-region: rect(48px, 80px, 64px, 64px) !important;
  601. }
  602.  
  603. #thumb-history .toolbarbutton-menu-dropmarker {
  604.   display: none;
  605. }
  606.  
  607. /* Back button */
  608. #thumb-back {
  609.   list-style-image: inherit;
  610. }
  611.  
  612. #thumb-back .toolbarbutton-menubutton-button, #thumb-newback {
  613.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  614. }
  615.  
  616. #thumb-back .toolbarbutton-menubutton-button:hover, #thumb-newback:hover {
  617.   -moz-image-region: rect(16px, 48px, 32px, 32px);
  618. }
  619.  
  620. #thumb-back .toolbarbutton-menubutton-button:hover:active, #thumb-newback:hover:active {
  621.   -moz-image-region: rect(32px, 48px, 48px, 32px);
  622. }
  623.  
  624. #thumb-back[disabled="true"] .toolbarbutton-menubutton-button, #thumb-newback[disabled="true"] {
  625.   -moz-image-region: rect(48px, 48px, 64px, 32px) !important;
  626. }
  627.  
  628. #thumb-back[chromedir="rtl"] .toolbarbutton-menubutton-button, #thumb-newback[chromedir="rtl"] {
  629.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  630. }
  631.  
  632. #thumb-back[chromedir="rtl"] .toolbarbutton-menubutton-button:hover, #thumb-newback[chromedir="rtl"]:hover {
  633.   -moz-image-region: rect(16px, 64px, 32px, 48px);
  634. }
  635.  
  636. #thumb-back[chromedir="rtl"] .toolbarbutton-menubutton-button:hover:active, #thumb-newback[chromedir="rtl"]:hover:active {
  637.   -moz-image-region: rect(32px, 64px, 48px, 48px);
  638. }
  639.  
  640. #thumb-back[chromedir="rtl"][disabled="true"] .toolbarbutton-menubutton-button, #thumb-newback[chromedir="rtl"][disabled="true"] {
  641.   -moz-image-region: rect(48px, 64px, 64px, 48px) !important;
  642. }
  643.  
  644. /* Forward button */
  645. #thumb-forward {
  646.   list-style-image: inherit;
  647. }
  648.  
  649. #thumb-forward .toolbarbutton-menubutton-button, #thumb-newforward {
  650.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  651. }
  652.  
  653. #thumb-forward .toolbarbutton-menubutton-button:hover, #thumb-newforward:hover {
  654.   -moz-image-region: rect(16px, 64px, 32px, 48px);
  655. }
  656.  
  657. #thumb-forward .toolbarbutton-menubutton-button:hover:active, #thumb-newforward:hover:active {
  658.   -moz-image-region: rect(32px, 64px, 48px, 48px);
  659. }
  660.  
  661. #thumb-forward[disabled="true"] .toolbarbutton-menubutton-button, #thumb-newforward[disabled="true"] {
  662.   -moz-image-region: rect(48px, 64px, 64px, 48px) !important;
  663. }
  664.  
  665. #thumb-forward[chromedir="rtl"] .toolbarbutton-menubutton-button, #thumb-newforward[chromedir="rtl"] {
  666.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  667. }
  668.  
  669. #thumb-forward[chromedir="rtl"] .toolbarbutton-menubutton-button:hover, #thumb-newforward[chromedir="rtl"]:hover {
  670.   -moz-image-region: rect(16px, 48px, 32px, 32px);
  671. }
  672.  
  673. #thumb-forward[chromedir="rtl"] .toolbarbutton-menubutton-button:hover:active, #thumb-newforward[chromedir="rtl"]:hover:active {
  674.   -moz-image-region: rect(32px, 48px, 48px, 32px);
  675. }
  676.  
  677. #thumb-forward[chromedir="rtl"][disabled="true"] .toolbarbutton-menubutton-button, #thumb-newforward[chromedir="rtl"][disabled="true"] {
  678.   -moz-image-region: rect(48px, 48px, 64px, 32px) !important;
  679. }
  680.  
  681. /* Stop button */
  682. #thumb-stop {
  683.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  684. }
  685.  
  686. #thumb-stop:hover {
  687.   -moz-image-region: rect(16px, 32px, 32px, 16px);
  688. }
  689.  
  690. #thumb-stop:hover:active {
  691.   -moz-image-region: rect(32px, 32px, 48px, 16px);
  692. }
  693.  
  694. #thumb-stop[disabled="true"] {
  695.   -moz-image-region: rect(48px, 32px, 64px, 16px) !important;
  696. }
  697.  
  698. /* Reload button */
  699. #thumb-reload {
  700.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  701. }
  702.  
  703. #thumb-reload:hover {
  704.   -moz-image-region: rect(16px, 16px, 32px, 0px);
  705. }
  706.  
  707. #thumb-reload:hover:active {
  708.   -moz-image-region: rect(32px, 16px, 48px, 0px);
  709. }
  710.  
  711. #thumb-reload[disabled="true"] {
  712.   -moz-image-region: rect(48px, 16px, 64px, 0px) !important;
  713. }
  714.  
  715. toolbar#FindToolbar {
  716.   -moz-appearance: none !important;
  717.   border-top: 2px solid;
  718.   -moz-border-top-colors: ThreeDShadow ThreeDHighlight !important;
  719.   border-bottom: 1px solid;
  720.   -moz-border-bottom-colors: transparent;
  721.   min-width: 1px;
  722. }
  723.  
  724. toolbar#FindToolbar[hidden="false"] {
  725.   display: -moz-box !important;
  726. }
  727.  
  728. .tbs-history-current {
  729.   font-weight: bold;
  730. }
  731. /* Drop markers */
  732. .tbs-history .toolbarbutton-menu-dropmarker {
  733.   display: none;
  734. }
  735.  
  736. .tbs-history {
  737.   margin: 0;
  738.   -moz-image-region: rect(0px, 105px, 16px, 96px);
  739. }
  740.  
  741. .tbs-history:hover {
  742.   -moz-image-region: rect(16px, 105px, 32px, 96px);
  743. }
  744.  
  745. .tbs-history:hover:active {
  746.   -moz-image-region: rect(32px, 105px, 48px, 96px);
  747. }
  748.  
  749. .tbs-history[disabled="true"] {
  750.   -moz-image-region: rect(48px, 105px, 64px, 96px) !important;
  751. }
  752.  
  753. .tbs-history .menuitem-iconic {
  754.   list-style-image: url("favicon.png");
  755. }
  756.  
  757. .tbs-history-back[_moz-menuactive],
  758. .tbs-history[chromedir="rtl"] .tbs-history-forward[_moz-menuactive] {
  759.   list-style-image: url("menu-back.png") !important;
  760. }
  761.  
  762. .tbs-history-forward[_moz-menuactive],
  763. .tbs-history[chromedir="rtl"] .tbs-history-back[_moz-menuactive] {
  764.   list-style-image: url("menu-forward.png") !important;
  765. }
  766.